<template>
  <div style="width: 100%;">
    <div slot="header" class="toolbar">
    </div>
    <!--
      Replace following "div" with
      "<router-view class="layout-view">" component
      if using subRoutes
    -->
    <div class="layout-view">
      <!--<router-link to="{name:'jounery'}"><div name="tab-1" style="width:30%"> 旅游 </div></router-link>-->
      <router-link :to="{name:'fun'}">
        <div name="tab-2" style="width:30%"> 好玩 </div>
      </router-link>
      <router-link :to="{name:'goods'}">
        <div name="tab-3" style="width:30%"> 好物 </div>
      </router-link>
      <router-link :to="{name:'userCenter'}">
        <div name="tab-4" style="width:30%"> 个人中心 </div>
      </router-link>
    </div>
  </div>
</template>

<script>
  export default {
    computed: {},
    methods: {},
    mounted () {
    },
    beforeDestroy () {
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import "../common/stylus/redifined.styl"
  div
    font-size 16px
    float left
    margin-top 20px

</style>
